<template>
  <div id="body">
    <div class="box">
      <Header></Header>
      <Content></Content>
      <Key></Key>
    </div>
  </div>
</template>

<script>

import Header from '@/components/Header'
import Content from '@/components/Content'
import Key from '@/components/Key'

export default {
  components: {
    Header,
    Content,
    Key
  }
}
</script>

<style lang="less" scoped>
#body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box {
  width: 800px;
  height: 900px;
  background-color: blanchedalmond;
}

// .cover {
//   width: 100%;
//   height: 100%;
//   position: absolute;
//   bottom: 0;
//   left: 0;
//   right: 0;
//   top: 0;
//   background-color: rgba(5, 212, 253, 0.2);
//   filter: blur(1px);
// }

</style>
